/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

/* Debug repl */

.message-tree {
	height: 100%;
	box-sizing: border-box;
	overflow: hidden;
}

.message-tree .monaco-tl-contents {
	user-select: text;
	-webkit-user-select: text;
}

.message-tree.word-wrap .monaco-tl-contents .message,
.message-tree.word-wrap .monaco-tl-contents .error-message {
	/* Wrap words but also do not trim whitespace #6275 */
	word-wrap: break-word;
	white-space: pre-wrap;
	/* Break on all #7533 */
	word-break: break-all;
}

.monaco-workbench.mac .message-tree .monaco-tl-twistie.collapsible + .monaco-tl-contents,
.monaco-workbench.mac .message-tree .monaco-tl-twistie {
	cursor: pointer;
}

.message-tree .output.expression.value-and-source {
	display: flex;
}

.message-tree .output.expression.value-and-source .value {
	flex: 1;
}

.message-tree .monaco-tl-contents .arrow {
	position:absolute;
	left: 2px;
	opacity: 0.25;
}

.vs-dark .message-tree .monaco-tl-contents .arrow {
	opacity: 0.4;
}

.message-tree .output.expression.value-and-source .source {
	margin-left: 4px;
	margin-right: 8px;
	cursor: pointer;
	text-decoration: underline;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	max-width: 150px;
}

.message-tree .monaco-list-row {
	cursor: text;
}

.message-tree .output.expression > .value,
.message-tree .evaluation-result.expression > .value {
	margin-left: 0px;
}

.message-tree .output.expression > .annotation,
.message-tree .evaluation-result.expression > .annotation {
	font-size: inherit;
	padding-left: 6px;
}

.message-tree .output.expression .name:not(:empty) {
	margin-right: 6px;
}

/* Only show 'stale expansion' info when the element gets expanded. */
.message-tree .evaluation-result > .annotation::before  {
	content: '';
}

.message-tree .time-stamp {
	width: 100px;
	display: inline-block;
}

.message-tree .message,
.message-tree .batch-start,
.message-tree .error-message {
	display: inline-block;
	width: calc(100% - 100px);
}

.message-tree .batch-start {
	text-decoration: underline;
	cursor: pointer;
}

.message-tree .batch-start:hover {
	color: red;
}
